<!DOCTYPE HTML>
<html>
    <head>
        <?php include 'content.php'; ?>
        <script type="text/javascript">
            $(document).ready(function () {           

                $("#fecha").datepicker(OPTIONS_DATE_PICKER);
                $("#fecha").attr("readonly", "true");                                
                
                $("#dialog-form").dialog({
                    autoOpen: false,
                    height: 400,
                    width: 450,
                    modal: true,
                    buttons: {
                        "Salvar": function () {
                            $("form[name='formAgregar']").submit();
                        },
                        "Cancelar": function () {
                            $(this).dialog("close");
                        }
                    }
                });

                $("#formAgregar").validate({
                    rules: {
                        ci: {
                            required: true,
                            minlength: 5,
                            digits: true
                        },
                        nombre: {
                            required: true,
                            minlength: 2
                        },
                        apellido: {
                            required: true,
                            minlength: 2
                        },
                        email: {
                            email: true,
                            minlength: 2
                        },
                        phone: {
                            digits: true,
                            minlength: 5
                        },
                        sexo: {
                            required: true
                        },
                        idRol: {
                            required: true
                        },
                        fecha: {
                            required: true
                        },
                        password: {
                            required: true,
                            minlength: 5
                        },
                        repetir: {
                            required: true,
                            equalTo: "#password"
                        }
                    },
                    messages: {
                        ci: {
                            required: "Por favor, ingresa la cédula",
                            minlength: "La Cédula debe tener al menos 5 caracteres",
                            digits: "La cédula solo acepta dígitos númericos"
                        },
                        nombre: {
                            required: "Por favor, ingresa el nombre",
                            minlength: "El primer nombre debe tener al menos 2 caracteres"
                        },
                        apellido: {
                            required: "Por favor, ingresa el apellido",
                            minlength: "El primer apellido debe tener al menos 2 caracteres"
                        },
                        email: {
                            email: "Por favor, ingresa un correo valido. Ej. tucorreo@dominio.com",
                            minlength: "El correo debe tener al menos 2 caracteres"
                        },
                        phone: {
                            digits: "El teléfono solo acepta dígitos númericos",
                            minlength: "El telefono debe tener al menos 5 caracteres"
                        },
                        sexo: {
                            required: "El sexo es requerido"
                        },
                        fecha: {
                            required: "La fecha de nacimiento es requerida"
                        },
                        idRol: {
                            required: "El rol es requerido"
                        },
                        password: {
                            required: "Por favor, ingresa la contraseña",
                            minlength: "La clave debe tener al menos 5 caracteres"
                        },
                        repetir: {
                            required: "Por favor, verifica la contraseña",
                            equalTo: "La verificación de contraseña no coincide"
                        }
                    }
                });  
                
                $("#formAgregar").submit(function () {
                    if ($("#formAgregar").validate().form()) {  
                        $("#idRol").css("visibility","hidden");
                        $("#idRol").removeAttr("disabled");
                        $.ajax({
                            data:  $("#formAgregar").serialize(),
                            url:   '<?php echo $_SERVER['HELPER'] ?>?action=usuario&method=save&result=ajax',
                            type:  'post',
                            beforeSend: function () {
                            },
                            success:  function (data) {     
                                var info = JSON.parse(data);                                                                                        
                                alert(info.msj); 
                                $("#dialog-form").dialog("close");
                            }
                        });              
                    }
                    return false;
                });                
            });
            
            function saveOrUpdate(id) {
                var title = (id == 0) ? "Crear Usuario" : "Actualizar Usuario";

                $("#formAgregar").reset();

                $("#nac").removeAttr("readonly");
                $("#ci").removeAttr("readonly");

                if (id == 0) {             
                    $("#id").val("0");                    
                    $("#idLogin").val("0");                    
                } else {
                    $("#id").val(id);                     
                    
                    $("#idRol").css("visibility","visible");
                    $("#idRol").attr("disabled", "true");
                
                    $.ajax({
                        data:  $("#formAgregar").serialize(),
                        url:   '<?php echo $_SERVER['HELPER'] ?>?action=usuario&method=query&result=ajax',
                        type:  'post',
                        beforeSend: function () {
                        },
                        success:  function (data) {                               
                            
                            var info = JSON.parse(data);
                            
                            if (info.estatus== AJAX_SUCCESSFUL){                                
                                $("#id").val(info.id);
                                $("#idLogin").val(info.idLogin);
                                $("#nac").val(info.nac);
                                $("#nac").attr("readonly", "true");
                                $("#ci").val(info.ci);
                                $("#ci").attr("readonly", "true");
                                $("#nombre").val(info.nombre);
                                $("#apellido").val(info.apellido);
                                $("#email").val(info.correo);
                                $("#phone").val(info.telefono);
                                $("#sexo").val(info.sexo);
                                $("#fecha").val(info.fecha);
                                $("#idRol").val(info.rol);    
                                $("#passOld").val(info.clave);                             
                                $("#password").val(NOT_EDIT_PASS);                             
                                $("#repetir").val(NOT_EDIT_PASS);      
                                
                                $("#tituloAgregar").html(title);
                                $("#dialog-form").dialog("open");
                            }else{
                                alert(info.msj);
                            }
                        }
                    });
                }                
            }
           
        </script>
    </head>
    <body>      
        <?php include 'header.php'; ?> 
        <div id="main">
            <div class="column-left">
                <?php include_once 'lateral.php'; ?> 
            </div>
            <div class="column-center">
                <h2>Tu perfil</h2>
                <?php
                $usuario = new Usuario();
                $usuario = unserialize($_SESSION['usuario']);
                ?>
                <ul style="margin-left: 50px;">
                    <li onclick="saveOrUpdate(<?php echo $usuario->getId(); ?>)" class="pointer" >
                        <img src="../images/user_edit.png" alt="" width="32" height="32"
                             title="Actualizar" />
                        Modificar tus Datos
                    </li>
                </ul>                
            </div>
            <div class="column-right">            
                <?php include_once 'right.php'; ?> 
            </div>
        </div>
        <?php include_once 'footer.php'; ?>     
        <?php include_once 'dialog-form.php'; ?> 
    </body>    
</html>